// import {createApp} from 'vue'
// npm i stylus stylus-loader -save-dev   安装样式库
import Vue from 'vue'
// import {styled} from '@styils/vue'
// 样式
// const divModal = styled('div',{
// 	position:'fixed',
// 	width:'100%',
// 	height:'100%',
// 	left:'0',
// 	top:'0',
// 	background:'#00000',
// 	display:'flex',
// 	justifyContent:'conter',
// 	alignItems:'center'
// })
// const divBox = styled('div',{
// 	background:'#fff',
// 	color:'#333',
// 	padding:'10px 15px',
// 	borderRadius:'10px',
// 	boxShadow:'0 0 3px #000',
// 	display:'flex',
// 	minWidth:'30%',
// 	alignItems:'center'
// })
// const divText = styled('div',{
// 	marginBottom:'1em'
// })
// const messageBox = {
// 	props:{
// 		msg:String,
// 		require:true
// 	},
// 	render(ctx){
// 		const {$props,$emit} = ctx
// 		return	<divModal>
// 					<divBox>
// 						<divText>{$props.msg}</divText>
// 						<div click={$emit('onClick')}></div>
// 					</divBox>
// 				</divModal>
// 	}
// }

export default function showMsg(){
	// const app = createApp(messageBox,{msg,onClick(){
		// clickHandler && clickHandler(()=>{
			// app.unmount();
			// div.remove();
			// console.log('dianjil')
		// })
	// }})
	const div = document.createElement('div')
	// document.body.appendChild(div)
	// app.mount(div)
	const app = document.getElementsByName('body')
	const page = document.getElementById('#app')
	var loadTpl = Vue.extend(div);
	let loadNode = new loadTpl().$mount();
	// // loadNode.setData()//setData给插入组件的data数据赋值，用于组件的数据绑定显示
	app.insertBefore(loadNode.$el, page)
}